// 基于axios封装的请求模块
import axios from "axios"
import JSONbig from 'json-bigint'

// 创建一个axios实例,说白了就是复制了一个axios
// 我们通过这个实例去发请求，把需要的配置配置给这个实例来处理
const request = axios.create({  
  baseURL: 'http://api-toutiao-web.itheima.net/',// 请求的基础路径(我们每个请求都有一个请求路径)

  // axios 提供了一个 API：transformResponse
  // 定义后端返回的原始数据的处理
  // 参数data就是后端返回的原始数据 （未经处理的 JSON 格式字符串）
  transformResponse: [function (data) {
    // console.log(data);
    // axios 默认在内部使用 JSON.parse 来转化处理原始数据
    // return JSON.parse(data)

    // 后端返回的数据可能不是JSON 格式字符串
    // 如果不是的话，那么 JSONbig.parse 调用就会报错
    // 所以我们使用 try-catch 来捕获异常，处理异常的发生
    try {
      // 如果装换成功 则直接把结果返回
      return JSONbig.parse(data)
    } catch (err) {
      // 如果转换失败 则进入这里
      // 我们在这里把数据原封不动的直接返回给请求使用
      return data
    }
  }]
})

// 请求拦截器
// 这里上面不是用axios直接发的请求 所以用上面的request，因为我们创建了实例
request.interceptors.request.use(config => {
  // 所有请求会经过这里
  // config 是当前请求相关的配置信息对象
  // config 是可以修改的

  // 1.try/catch/finally 语句用于处理代码中可能出现的错误信息
  // 2.try语句允许我们定义在执行时进行错误测试的代码块
  // 3.catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块

  // 在拦截器里面获取本地存储的数据
  const user = JSON.parse(window.localStorage.getItem('user'))

  // 如果有登录用户信息，则统一设置 token
  if (user) {
    config.headers.Authorization = `Bearer ${user.token}` 
  }
  // 然后我们就可以在允许请求出去之前定制统一业务功能处理
  // 例如：统一设置token
  // 这里return config之后 请求才会真正的发出去
  return config
}, error => {
  // 请求失败 会经过这里
  return Promise.reject(error)
})

// 响应拦截器

// 导出请求方法
export default request

// 谁要使用谁就加载 request 模块
// import request from 'request.js'
// request.xxx
// request({
//   methods: ,
//   url: ''
// })


// axios({
//   method: '',
//   url:  '/a' //自动让这个url和上面的baseURL拼接起来
// })

// axios({
//   method: '',
//   url: '/b'
// })